<template>
  <div class="home_box">
    <!-- 菜单 -->
    <div class="home_menu" style="z-index: 8;">
      <Classification></Classification>
    </div>
    <!-- banner -->
    <div class="home_banner">
      <Advertisement></Advertisement>
    </div>
    <!-- 登录 -->
    <!-- <div class="home_login">
      <Login></Login>
    </div> -->
    <div class="home_jobs">
      <HotJob></HotJob>
    </div>
  </div>


</template>
<script lang='ts'>
export default {
  name: 'Main',
};
</script>

<script lang='ts' setup>
import Classification from "@/components/Center_children/Classification.vue"
import Advertisement from "@/components/Center_children/Advertisement.vue"

import HotJob from "@/components/Center_children/HotJob.vue"
</script>
<style >
.home_box{
  display: flex;
  margin-top: 30px;
  height: 1000px;
  /* background-color: red; */
  justify-content: space-between;
  flex-wrap: wrap;
}
.home_menu{
  height: 400px;
  width: 250px;
  background-color: #FFF;

  position: relative;
}
.home_banner{
  height: 400px;
  width: 880px;

}

/* .home_login{
  height: 400px;
  width: 250px;
  background-color: #FFF;
} */
.home_jobs{
  height: 400px;
  width: 100%;
}

</style>